<template>
    <div class="protocol">
        <van-dialog class="pro_dialog" v-model="show" :title="$t('TermsConditions')" show-confirm-button :confirm-button-text="$t('OK')" @confirm="onconfirm">
            <p>{{$t('agreement1')}}</p>
            <p class="import">{{$t('agreement2')}}</p>
            <p v-for="item in 92" :key="item">{{$t(`agreement${item+2}`)}}</p>
        </van-dialog>
    </div>
</template>

<script>
import { Dialog } from 'vant'
export default {
    data() {
        return {
            show:false
        };
    },
    methods: {
        openPro(val){
            this.show=val;
        },
        onconfirm(){
            this.show=false;
        }
    },
    mounted(){
        
    }
};
</script>
<style  lang="less">
.protocol{
    .van-dialog__content{
        overflow: scroll;
        box-sizing: border-box;
        padding:0 10px;
        width: 100%;
        height: 250px;
    }
    .pro_dialog{
        height: 340px;
        text-align: left;
        p{
            font-size: 14px;
            text-indent: 1em;
        }
        .import{
            color: #ED9000;
        }
    }
}
</style>
